<template>
  <div class="container">
    <topTitle :titleText="titleText" :titleExplain="titleExplain"></topTitle>
    <el-tabs
      v-model="activeName"
      type="card"
      @tab-click="handleClick"
      class="commonTab"
    >
      <el-tab-pane
        :label="item.label"
        :name="item.value"
        v-for="(item, index) in enterpriseType"
        :key="index"
      >
      </el-tab-pane>
    </el-tabs>
    <div class="mainCon">
      <levelDetail :scoreDimType="scoreDimType"></levelDetail>
    </div>
  </div>
</template>

<script>
import topTitle from '@/components/publicCom/topTitle'
import levelDetail from './levelDetail'

export default {
  name: 'scoreSet',
  components: {
    topTitle,
    levelDetail,
  },
  data() {
    return {
      titleText: '评级配置',
      titleExplain: '',
      // ENum: ["builder", "constructor", "subcontractor"],
      // tabType: "builder", //tab类型
      enterpriseType: [
        { label: '建设单位', value: '0' },
        { label: '施工单位', value: '5' },
        { label: '分包单位', value: '10' },
        { label: '项目', value: '20' },
      ],
      // scoreDimTypeEnum: ["0", "5", "10", "20"],
      scoreDimType: '0', //tab类型
      isIndex: 0,
    }
  },
  methods: {
    handleClick(e) {
      this.activeName = e.name
      this.scoreDimType = e.name
    },
  },
}
</script>

<style lang="less" scoped>
.container {
  .topCon {
    margin-bottom: 0;
  }
  .mainCon {
    padding-left: 24px;
    padding-right: 24px;
    height: calc(100% - 110px);
  }
}
</style>
